@charset "utf-8";

.hide{ display:none}
/**********************************************************************index**********************************************************************/

.banner{ width:100%; overflow:hidden; height:690px; margin-top:50px}
.slider { width:1920px; height:690px; position: relative; overflow:hidden; left:50%; margin-left:-960px; }
.slider img{ width:1920px;}
.slider .num { overflow:hidden; height: 12px; position: absolute; bottom:25px; left:50%; margin-left:-33px; zoom:1; z-index:3 }
.slider .num li { width: 12px; height: 12px; line-height: 12px; text-align: center; font-size:0; color: #FFFFFF; background: #999; margin:0 5px; border-radius:50%; cursor:pointer; float: left; color:#888; display:block }
.slider .num li.on { background: #FF7700; color:#FF7700 } 

/**********************************************************************qq**********************************************************************/

.solution{ margin-top:60px; width:100%; background:#e9e9e9; padding-bottom:30px; border-bottom:1px solid #dfe1e3; border-top:1px solid #dfe1e3;}
.solution_title{ text-align:center; padding:60px 0 40px 0}
.solution_title p{ font-size:36px; line-height:36px;}
.solution_title span{ font-size:16px; display:block; margin-top:6px;}
.solution ul{ overflow:hidden; width:75%; margin:auto; min-width:1200px;}
.solution ul li{float:left;overflow:hidden; width:30.6%; margin:0 1.36%}
.solution ul li img{ width:100%; display:block}
.solutionText{ width:261px; margin:auto; margin-top:20px; overflow:hidden}
.solutionText span{ border-radius:20px; width:20px; height:20px; line-height:20px; text-align:center; margin:auto; background:#797979; display:block; font-size:14px; font-weight:normal; color:#fff; float:left; margin:2px 0 0 7px; display:block;}
.solutionText p{ text-align:center; font-size:18px; float:left;}

.index_btn{background:#e9e9e9; border-radius:50%; width:50px; height:50px; cursor:pointer; margin:auto; animation: pulse 2s infinite;
/* Firefox: */
-moz-animation: pulse 2s infinite;
/* Safari 和 Chrome: */
-webkit-animation: pulse 2s infinite;
/* Opera: */
-o-animation: pulse 2s infinite;}
@-webkit-keyframes pulse {
  0% {-webkit-transform: translate(0, 0);transform: translate(0, 0); }		
  50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px); }
  100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } }
@keyframes pulse {
  0% { -webkit-transform: translate(0, 0);transform: translate(0, 0); }
  50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px); }
  100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } }
			
			
.index_btn:hover{background:#e6e6e6;}
.index_btn img{ margin:auto; padding-top:18px;}


.index_wlw{ background:url(img/index_wlw_bg.jpg) no-repeat center center; height:600px; color:#333; margin-top:60px;}
.index_wlw p{ font-size:28px; line-height:28px; padding-top:220px;}
.index_wlw h3{ font-size:36px; line-height:36px; font-weight:normal; margin-top:8px;}
.index_wlw a{ border:1px solid #333; padding:5px 0px; margin-top:20px; display:block; width:120px; text-align:center}
.index_wlw a:hover{ background:#3ddc9a; border:1px solid #3ddc9a; color:#fff}

.index_title{ margin-top:60px;}
.index_title p{ font-size:36px; text-align:center; margin-bottom:28px}

.index_more{ padding-top:20px; padding-bottom: 10px; overflow: hidden;  width: 690px;float: right; padding-right: 10px;}
.index_more p{float:left; width: unset;
    margin-right: 23px;}
.index_more a{ display:block; font-size:14px;}
.index_more a:hover{ color:#3ddc9a;}

.pro_ul{ width:1200px; margin:auto; overflow:hidden;}
.pro_ul ul li{ margin:10px; float:left; display:block; position:relative; }
.pro_ul ul li:hover{box-shadow: 0px 2px 2px 2px #bbbbbb;box-shadow: 0px 2px 2px 2px #bbbbbb;box-shadow: 0px 2px 2px 2px #bbbbbb;
 -webkit-transform: translate(0, -5px);
      -ms-transform: translate(0, -5px);
          transform: translate(0, -5px);
}
.pro_ul ul li:hover{
}
.pro_ul ul li p{ position:absolute;top: 17px;left: /*90px;*/150px;color:#9d9d9d; z-index:999;}
.pro_ul ul li.index_li1{ background:url(img/probg1.jpg) no-repeat top center}
.pro_ul ul li.index_li1 img{ width:280px;}
.pro_ul ul li.index_li2{ background:url(img/probg2.jpg) no-repeat top center;}
.pro_ul ul li.index_li2 img{ width:580px;}
.pro_ul ul li.index_li3{ background:url(img/probg3.jpg) no-repeat top center}
.pro_ul ul li.index_li3 img{ width:280px;}
.pro_ul .index_ull{ width:900px; float:left; overflow:hidden;}
.pro_ul .index_ul2{ width:300px; float:right;}


.video{ background:#e9e9e9; border-top:1px solid #dfe1e3; margin-top:0px; margin-bottom:60px; padding-top:80px;}
.video_title{ text-align:center}
.video_title p{ font-size:36px; line-height:36px;}
.video_title span{ font-size:16px; display:block; margin-top:6px; margin-bottom:80px;}

/**********************************************************************videojs-starting**********************************************************************/
.icon-arrow-a-left, .icon-arrow-a-right { background: url(img/icon-btn.png) no-repeat; }
.icon-arrow-a-left {background-position: -86px 0; height: 58px; width: 58px;  }
.icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover {  background-position: -85px -62px;}
.icon-arrow-a-right {  background-position: 0 0; height: 58px; width: 58px;}
.icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover {background-position: 0px -62px;  }

#main {overflow: hidden; zoom: 1; position: relative; width:100%; }
#index_b_hero { width: 685px; height: 400px; margin: auto; position: relative; }
#index_b_hero img { width: 680px; height: 400px; }
#index_b_hero .heros { width: 685px; height: 410px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }
#index_b_hero .next, #index_b_hero .prev {  position: absolute; top: 50%;   z-index: 9999; }
#index_b_hero .next:hover, #index_b_hero .prev:hover {}
#index_b_hero .next{margin-top: -25px; margin-left: -70px;}
#index_b_hero .prev { margin: -25px 5px 0 0; right: -74px; }
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff;  z-index: 1; position: absolute; top: 0; left: 0; width: 680px; height: 400px; overflow: hidden; left: 1920px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -685px; filter: alpha(Opacity=70); opacity: .7; background: #000; overflow: hidden; }
#index_b_hero .mask-right { left: 685px; }
#index_b_hero .active { z-index: 2; left: 0; }



/**********************************************************************video-continue**********************************************************************/

.bg{position:fixed;height:100%; width:100%; top:0; left:0; z-index:9; background:url(img/bg.png) repeat;zoom: 1;}

#v_box{position:fixed;top:50%;left:50%;z-index:99;margin-top:-230px;margin-left:-325px;border-radius:5px;width:650px; height:446px;box-shadow: #333 0px 0px 10px;_position:absolute;*border:1px solid #333;border:1px solid #3330;display:none;zoom: 1; }

#v_box div{width:650px; height:446px;margin:0 auto;background:#000;}
#v_box a{ color:#e1e1e1}
#shut{position:absolute; color:#fff;display:block;top:2px;right:2px;color:#333;font-size:36px; font-weight:bold;overflow:hidden;cursor:pointer;}
#shut:hover{text-decoration:none;color:#f00;}
#shut:active{color:#fff;}
.h1::after{position: absolute;content:'';display: block;height: 6px;width: 220px;border-top:4px dotted #D6D6D6;left: 154px;top: 9px;}
.li7 span{margin-right:-2px;}



#v_box2{position:fixed;top:50%;left:50%;z-index:99;margin-top:-230px;margin-left:-325px;border-radius:5px;width:650px; height:446px;box-shadow: #333 0px 0px 10px;_position:absolute;*border:1px solid #333;border:1px solid #3330;display:none;zoom: 1;}
#v_box2 div{width:650px; height:446px;margin:0 auto;background:#000;}
#v_box2 a{ color:#e1e1e1}
#shut2{position:absolute; color:#fff;display:block;top:2px;right:2px;color:#333;font-size:36px; font-weight:bold;overflow:hidden;cursor:pointer;}
#shut2:hover{text-decoration:none;color:#f00;}
#shut2:active{color:#fff;}
.h1::after{position: absolute;content:'';display: block;height: 6px;width: 220px;border-top:4px dotted #D6D6D6;left: 154px;top: 9px;}
.li7 span{margin-right:-2px;}


/**********************************************************************video-dendding**********************************************************************/




/**********************************************************************top**********************************************************************/
.izl-rmenu{position:fixed; right:0; margin-right:10px; bottom:64px; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:50px; height:50px; margin-bottom:2px; cursor:pointer; position:relative;}

.izl-rmenu .btn-wx{background:url(img/r_wx3.png) 0px 0px no-repeat; background-color:#c1c1c1;}
.izl-rmenu .btn-wx:hover{background-color:#3ddc9a;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-154px; top:0px; display:none;width:152px;height:152px; border:1px solid #3ddc9a}
.izl-rmenu .btn-phone{background:url(img/r_phone.png) 0px 0px no-repeat; background-color:#c1c1c1;}
.izl-rmenu .btn-phone:hover{background-color:#3ddc9a;}
.izl-rmenu .btn-phone .phone{background-color:#3ddc9a; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:20px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(img/r_top.png) 0px 0px no-repeat; background-color:#b8b8b8; display:none;}
.izl-rmenu .btn-top:hover{background-color:#3ddc9a;}




/**********************************************************************top2**********************************************************************/
.izl-rmenu2{position:fixed; right:0; margin-right:10px; top:45%; padding-bottom:20px; background:url(img/r_b.png) 0px bottom no-repeat; z-index:9999999; }
.izl-rmenu2 .btn{width:50px; height:50px; margin-bottom:2px; cursor:pointer; position:relative;}

.izl-rmenu2 .btn-wx{background:url(img/r_wx2.png) 0px 0px no-repeat; background-color:#c1c1c1;}
.izl-rmenu2 .btn-wx:hover{background-color:#ffcc00;}
.izl-rmenu2 .btn-wx .pic{position:absolute; left:-154px; top:0px; display:none;width:152px;height:152px; border:1px solid #ffcc00;}
.izl-rmenu2 .btn-phone{background:url(img/r_phone.png) 0px 0px no-repeat; background-color:#c1c1c1;}
.izl-rmenu2 .btn-phone:hover{background-color:#ffcc00;}
.izl-rmenu2 .btn-phone .phone{background-color:#ffcc00; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:20px; text-align:center; display:none;}
.izl-rmenu2 .btn-top{background:url(img/r_top.png) 0px 0px no-repeat; background-color:#b8b8b8; display:none;}
.izl-rmenu2 .btn-top:hover{background-color:#ffcc00;}


/**********************************************************************history**********************************************************************/
.about_title{ margin-top:50px; height:160px; background:#f7f7f7;}
.about_title ul{ overflow:hidden; width:650px; margin:auto}
.about_title ul li{ width:130px; float:left; }
.about_title ul li a{width:130px; color:#999999; display:block; padding-top:100px;height:60px; text-align:center;}
.about_title ul li.li_jianjie a{ background:url(img/about_img1.png) no-repeat center top;background-position: center -20px;}
.about_title ul li.li_dajishi a{ background:url(img/about_img2.png) no-repeat center top;background-position: center -20px;}
.about_title ul li.li_news a{ background:url(img/about_img4.png) no-repeat center top;background-position: center -20px;}
.about_title ul li.li_joinus a{ background:url(img/about_img5.png) no-repeat center top;background-position: center -20px;}
.about_title ul li.li_contact a{background:url(img/about_img6.png) no-repeat center top;background-position: center -20px;}
.about_title ul li.dajishi_current a{ background:#3ddc9a url(img/about_img2.png) no-repeat center bottom;background-position: center -250px; color:#fff}
.about_title ul li.join_current a{ background:#3ddc9a url(img/about_img5.png) no-repeat center bottom;background-position: center -250px;  color:#fff}
.about_title ul li.jianjie_current a{ background:#3ddc9a url(img/about_img1.png) no-repeat center bottom; background-position: center -250px; color:#fff}
.about_title ul li.contact_current a{ background:#3ddc9a url(img/about_img6.png) no-repeat center bottom;background-position: center -250px; color:#fff}
.about_title ul li.news_current a{ background:#3ddc9a url(img/about_img4.png) no-repeat center bottom;background-position: center -250px; color:#fff}





.center_title{ text-align:center; background:url(img/titlebg.png) no-repeat center top; margin-top:100px; border-bottom:1px solid #cccccc}
.center_title h2{ color:#5e5f63; font-size:36px; font-weight:normal; line-height:36px; padding-top:40px;}
.center_title p{ font-size:14px; line-height:14px; margin-top:5px}
.center_title span{ font-size:56px; color:#e1e1e1; font-family:"微软雅黑";text-transform:uppercase}
.center_title img{ margin:auto; padding-bottom:40px; margin-top:20px;}
.center_banner{ background:url(img/dajishiBanner.jpg) no-repeat center top; height:344px;}

/*history*/
.main { padding:80px 0; min-height:720px; width:900px; margin:auto;}
.history { background:url(img/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 { background:url(img/icon06.gif) #fff no-repeat 158px 0; height:59px; font-size:25px; font-family:微软雅黑; font-weight:normal; padding-left:45px; margin-bottom:74px;  }
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99;}
.history-date h2 a { color:#3ddc9a; display:inline-block; *display:inline; zoom:1; background:url(img/icon08.gif) no-repeat right 50%; padding-right:17px; margin:21px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date ul {}
.history-date ul li { background:url(img/icon07.gif) no-repeat 180px 0; padding-bottom:50px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px;color:#c3c3c3; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px; font-family:微软雅黑;}
.history-date ul li dl dt { font-size:20px; color:#000; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:14px;}
.history-date ul li.green h3 { color:#3ddc9a;}
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl { margin-top:-8px;}
.history-date ul li.green dl dt { font-size:24px; color:#3ddc9a; margin-bottom:5px}
.history-date ul li.green dl dt a {  display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}

.history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}

*body .history-date ul li dl dt {_font-size:12px !important; _font-weight:bold;}
*body .history-date ul li dl dt span {_font-weight:normal !important;}
*body .history-date ul li.green dl dt a {_background:transparent !important; *background:transparent !important;*font-size:12px !important; _font-weight:normal !important;}


/**********************************************************************join**********************************************************************/
.joinBanner{ background:url(img/joinBanner.jpg) no-repeat center top; height:260px;}
.joinWrap{ width:900px; margin:auto; padding-top:100px; font-size:24px;}

.joinList{ width:1200px; margin:auto; overflow:hidden; margin-top:80px; margin-bottom: 70px;}
.joinTitle{ width:276px; float:left; display:block; margin-right:20px; background:#f7f7f7;}
.joinTitle p{line-height:60px; background:#3ddc9a; color:#fff; text-align:center; font-size:18px;}
.joinTitle li{ line-height:60px; font-size:16px; border-bottom:1px solid #d5d5d5; padding-left:30px; cursor:pointer}
.joinTitle li.current{ background:#fff url(img/joinTitleBg.jpg) no-repeat left center;}

.joinText{ width:780px; float:right; background:#f7f7f7; padding:50px 60px;}
.joinTextTitle{ overflow:hidden; border-bottom:1px solid #d5d5d5; padding-bottom:20px;}
.joinTextTitle p{ float:left; font-size:14px; padding-right:80px; margin-bottom: 10px;}
.joinText dl{ margin-top:40px;}
.joinText dl dd{ font-size:20px; margin-bottom:10px;}
.joinText dl dt{ line-height:28px;}


/**********************************************************************about**********************************************************************/
.aboutTop{ overflow:hidden; height:255px;}
.aboutTop .left{ width:562px;float:left }
.aboutTop img{ }
.aboutTop .right{ float:right; width:638px; height:255px; background:#e8e8e8}
.aboutTop p{ padding:90px 40px 0 40px; line-height:24px;}
.aboutCen{ padding-bottom:60px;}
.aboutCen p{ line-height:24px; margin-top:20px;}

.aboutBot{ overflow:hidden; margin-top:40px; margin-bottom:70px;}
.aboutImg{ width:900px; float:left;}
.aboutImg li{animation: fadeIn 0.5s linear 0s  alternate;
-moz-animation: fadeIn 0.5s linear 0s  alternate;
-webkit-animation: fadeIn 0.5s linear 0s  alternate;
-o-animation: zoomIn 0.5s linear 0s  alternate;}
.aboutImgTitle img{ width:146px}
.aboutImgTitle{ overflow:hidden}
.aboutImgTitle li{ float:left; display:block; margin-left:4px; margin-bottom:4px; cursor:pointer;filter: alpha(opacity=40);opacity: 0.4;-moz-opacity: 0.4;-khtml-opacity: 0.4; }
.aboutImgTitle li.current{filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}


.contact_banner{ height:344px; background:url(img/contactBanner.jpg) no-repeat center top}
.con_wrap{ font-family:"微软雅黑";}
.con_text{ width:1200px; margin:auto; overflow:hidden; margin-top:60px;}
.con_text li{ float:left; width:398px; border-right:1px solid #eee; height:190px; padding-top:10px}
.con_text li span{ display:block; color:#999; font-size:12px; text-align:left; padding-left:176px; margin-top:3px;}
.con_text li p{ text-align:center; font-size:14px;}
.con_text li img{ width:42px; margin:auto; padding-bottom:20px; padding-top:5px}

.con_text2{ background:#f7f7f7; margin-top:50px; padding:60px 0}
.con_text2 ul{ width:960px; margin:auto; overflow:hidden}
.con_text2 ul li{ width:240px; float:left; text-align:center;}
.con_text2 ul li img{ margin:auto; width:70px; margin-bottom:15px;}
.con_text2 ul li p{ font-size:16px; margin-bottom:5px;}
.con_text2 ul li span{ color:#888; display:block; font-size:14px; background-size:8px auto;}

.con_map{ margin:auto; margin-top:70px; padding-bottom:100px; width:1200px;}




/*****************************************************************news*****************************************************************/

.pager{ margin-bottom:20px; overflow:hidden; padding-left:30px;}

.newswrap{ width:1080px; margin:auto;overflow:hidden }
.result_list{ overflow:hidden;}
.result_list li{border-bottom:1px dotted #e1e1e1; overflow:hidden; padding-top:30px; padding-bottom:34px;}
.news_img{ float:left;}
.news_img img{ width:250px; height:140px;}
.news_right{ width:780px; float:right; padding-top:12px;}
.news_right_top{ overflow:hidden}
.news_right_top span{ float:right; font-size:16px; color: #999}
.news_right_top a{ font-size:20px;}
.news_right_top a:hover{ text-decoration:underline}
.news_right_bottom{ font-size:14px; height:48px; overflow:hidden; margin-top:40px; line-height:24px;}


/*****************************************************************newsText*****************************************************************/
.newsText{ width:1000px; margin:auto;font-family:"微软雅黑"; margin-top:130px; }
.newsText img{ margin:auto; padding-bottom:20px;}
.biaoti{text-align:center; margin-top:40px; border-bottom:1px solid #d7d4d4; padding-bottom:18px;}
.biaoti h1{ font-weight:normal; font-size:24px;}
.biaoti p{ color:#999; margin-top:10px; font-size:12px;}
.newCon{ margin-top:30px; padding-bottom:10px; }
.newCon p{ text-indent:28px; font-family:"宋体"; line-height:24px; margin-bottom:20px;}

.prnext{border-top:1px solid #d7d4d4; padding-top:20px; margin-bottom:60px;}
.prnext p{ line-height:22px; height:22px; font-weight:bold; margin-bottom:8px;}
.prnext p a{ font-weight:normal; padding-left:5px;}
.prnext p a:hover{ text-decoration:underline}




/*****************************************************************xieyi*****************************************************************/
.title h3{ font-size:24px; font-weight:bold; text-align:center; margin-top:120px; color:#444}
.xieyiText{ padding:0 0 90px 0; font-family:"微软雅黑";}
.xieyiText p{ margin-top:20px; line-height:24px; text-indent:28px; padding:0 20px; color:#777; font-family:"宋体"}
.xieyiText span{ display:block; line-height:28px; padding:0 20px;}

/*****************************************************************wenti*****************************************************************/
.wenti{ margin-top:90px;font-family:"微软雅黑"; }
.wenti .newswrap0 .title p{ font-size:22px; height:56px; line-height:56px; font-weight:normal; text-align:center; color:#444;}
.wendaAll{ overflow:hidden; padding:10px 40px 30px 40px; background: #fff }
.wenL{ width:240px; position:fixed; right:0px;top:100px;}
.wenda{}
.wenda h3{ font-size:18px; margin-top:20px;}
.wenda p{ font-size:14px; font-weight:bold; color:#555; margin-top:12px; line-height:24px;}
.wenda span.p14px{ display:block; font-size:14px; font-weight:bold; color:#777; line-height:28px; }
.wenda span{ display:block; line-height:18px; margin-top:3px; font-size:12px; color:#444}
.newswrap0{ width:900px; margin:auto; -webkit-box-shadow: 0px 3px 3px #a7a7a7;-moz-box-shadow: 0px 3px 3px #a7a7a7;box-shadow: 0px 3px 3px #a7a7a7;box-shadow:0 1px 3px #a7a7a7,#DCDCDC 0 1px 0,#DDD 0 -1px 0; border:1px solid #f6f6f6; border-radius:5px; background:#ff0f; margin-bottom:80px;}
.newswrap0 ul{ font-family:"微软雅黑"; overflow:hidden; padding:0 20px; margin-top:20px; padding-bottom:40px; background:#fff}
.newswrap0 ul li{line-height:38px; height:38px; border-bottom:1px dotted #e7e7e7; background:url(img/bgdian.jpg) no-repeat left center; padding-left:14px;}
.newswrap0 ul li span{ float:right; }
.newswrap0 ul li a{ font-size:16px;}
.newswrap0 .title p{ background:url(img/bg2.gif) repeat-x bottom left; height:54px; line-height:64px; font-size:20px; font-weight:bold; padding-left:20px;}





/*****************************************************************app*****************************************************************/
.appbanner{ background:url(img/appbg.jpg) no-repeat top center; height:840px; padding-top:140px; color:#fff; overflow:hidden}
.appwrap{ width:1000px; margin:auto;}
.appL{ width:460px; float:left; padding-top:100px; padding-left:60px;}
.apptitle p{ font-size:36px; }
.appewm{ padding-left:40px; margin-top:90px; overflow:hidden}
.appewmL{ width:200px; padding-left:50px; padding-bottom:20px;}
.appewmL p{ background:url(img/appimg2.png) no-repeat -2px center; padding-left:58px; margin-top:10px}
.appewmR{ width:240px;}
.appewmR ul li{ margin-bottom:20px;}
.appewmR ul li img{ border:1px solid #fff; border-radius:20px; padding:2px 0}
.appewmR ul li a:hover img{ background:#47d1af; border:1px solid #47d1af}
.appewmR .sel a{ color:#444; font-size:12px;}
.appewmR .sel span{border-radius:20px; height:36px; line-height:36px; padding-left:20px;font-family:"微软雅黑"; outline:none; display:block; width:178px;  background:#e2e2e2; margin-left:18px; margin-top:0px;}
.appewmR .sel span a{ float:left}
.appewmR .sel span a:hover{ color:#777}
.appewmR .sel span img{ padding:12px 10px 10px 5px; width:15px;}
.sel dl{ background:#e2e2e2; width:190px;padding-left:10px; padding-right:5px; height:166px; padding-bottom:10px; overflow-y:scroll; display:none; margin-left:10px;}
.sel dl dt{ line-height:32px; border-top:1px solid #b1b1b1; font-size:12px;}
.sel dl dt:hover a{ color:#777;}
.pingtai{ max-width:1200px; margin:auto; padding-bottom:100px; min-width:1000px; margin-top:74px; }
.pingtai img{ width:100%; border-bottom:1px solid #cccccc}

.appR{ width:445px; float:right}

.appText ul{ width:1200px; margin:auto; overflow:hidden; margin-bottom:100px;}
.appText ul li{ width:240px; padding:70px 20px 0 20px; height:360px; margin:0 10px; float:left; display:block; text-align:center; background:#f1f1f1;}
.appText ul li img{ margin:auto; margin-bottom:40px;}
.appText ul li p{ font-size:24px; margin-bottom:20px}
.appText ul li span{ display:block; line-height:24px;}






/*****************************************************************productlist*****************************************************************/
.prolist{ padding-top:40px; padding-bottom:80px;font-family:"微软雅黑"; }
.prolist ul{ overflow:hidden; width:1197px; margin:auto; border-top:1px solid #efefef; border-left:1px solid #efefef;}
.prolist ul li{ border-right:1px solid #efefef; border-bottom:1px solid #efefef; background:#fff; float:left; overflow:hidden; width:298px; padding-top:70px; padding-bottom:40px; height:286px; overflow:hidden }
.prolist ul li img{ width:100%}
.prolist ul li:hover{-webkit-box-shadow:inset 0 0 12px #e6e6e6;-moz-box-shadow:inset 0 0 12px #e6e6e6;box-shadow: inset 0 0 12px #e6e6e6;}
.prolist ul li.li2{ width:597px;border-right:1px solid #efefef;}
.prolist ul li.li2 img{ width:100%;}
.prolist ul li h3{ font-weight:normal; font-size:14px; text-align:center; margin-top:20px;}
.prolist ul li p{ font-size:12px; width:100px; margin:auto; text-align:center; border:1px solid #efefef; border-radius:50px; line-height:30px; margin-top:10px; color:#999}
.prolist ul li:hover p{-webkit-box-shadow:inset 0 0 12px #e6e6e6;-moz-box-shadow:inset 0 0 12px #e6e6e6;box-shadow: inset 0 0 12px #e6e6e6;}
.prolist ul li.pro_new_wrap{ position:relative}
.prolist .pro_new{ position:absolute; right:0; top:0}
.prolist .pro_new img{ width:45px;}

/*****************************************************************product2Blist*****************************************************************/
.pro2Blist{ padding-bottom: 100px;}
.pro2BTitle{ background: #000; margin-top:50px;}
.pro2BTitle ul{ overflow: hidden; width: 1296px; margin: auto;}
.pro2BTitle ul li{ float: left; cursor: pointer; text-align: center; font-size: 14px; line-height: 28px; padding: 30px 0; color: #aaa; display: block; margin: 0 31px; width: 90px;}
.pro2BTitle ul li a{ color: #aaa; }
.pro2BTitle ul li:hover{ color: #fff}
.pro2BTitle ul li img{ width: 70px; margin:auto}

.pro2BTitleFixed{ position: fixed; top: 51px; left: 0; width: 100%; background: #000; display: none; overflow: hidden;z-index: 99999;}
.pro2BTitleFixed ul { overflow: hidden; width: 1286px; margin: auto;}
.pro2BTitleFixed ul li{ float: left; cursor: pointer; text-align: center; font-size: 14px; line-height: 28px;color: #aaa; display: block; margin: 0 30px; width: 82px; padding: 10px 0;}
.pro2BTitleFixed ul li a{ color: #aaa; }
.pro2BTitleFixed ul li:hover{ color: #fff}

.pro2Bul{ width: 1230px; margin: auto; overflow: hidden;}
.pro2Bul h3{ width: 1200px; margin: auto; border-bottom: 1px solid #e4e4e4; line-height: 54px; margin-top: 40px; font-size: 20px;}
.pro2Bul h4{ text-align: center; font-size: 20px; font-weight: normal; margin-top: 40px;}
.pro2Bul h5{ text-align: center; font-size: 14px; font-weight: normal; margin-top: 15px; text-align: center}
.pro2Bul01{ margin-top: 15px; overflow: hidden; margin-left: 15px;}
.pro2Bul01 li{ background: #fff; overflow: hidden; width: 599px; height: 240px; padding-top:40px; float: left; display: block; margin-right: 1px;margin-bottom: 1px; cursor: pointer; }
.pro2Bul01 li img{ width: 250px; float: left;padding-left:30px;}
.pro2Bul01 li:hover img{transition: all 0.2s; transform: scale(1.06);}

.pro2Bul02{ margin-top: 30px; margin-left:16px; overflow: hidden; }
.pro2Bul02 li{ margin-right: 1px;margin-bottom: 1px;background: #fff;float: left;overflow: hidden;width: 298px; height:260px;padding-bottom: 30px;cursor: pointer;}
.pro2Bul02 li p{ text-align: center; font-size: 14px;}
.pro2Bul02 li img{width: 150px; margin:auto; padding:55px 0 20px 0; }
.pro2Bul02 li:hover img{transition: all 0.2s; transform: scale(1.06);}
.pro2Bul02 li:hover p{transition: all 0.2s; color: #996633}

.pro2Bul02_2{ margin-top: 30px; margin-left:16px; overflow: hidden;}
.pro2Bul02_2 li{ margin-right: 1px;margin-bottom: 1px;background: #fff;float: left;overflow: hidden;width: 298px; height:260px;padding-bottom: 30px;cursor: pointer;}
.pro2Bul02_2 li p{ text-align: center; font-size: 14px;}
.pro2Bul02_2 li img{width: 150px; margin:auto; padding:55px 0 20px 0; }
.pro2Bul02_2 li:hover img{transition: all 0.2s; transform: scale(1.06);}
.pro2Bul02_2 li:hover p{transition: all 0.2s; color: #996633}


.pro2BulLiText{ float: left; width: 260px; padding:60px 0px 0 30px; }
.pro2BulLiText p{ font-size: 18px; }
.pro2BulLiText span{ color: #919391; font-size: 14px; display: block; margin-top: 14px; line-height: 22px;}
.pro2BulLiText a{ display: block; border: 1px solid #ebebeb; font-size: 12px; color: #777; line-height: 28px; width: 100px; text-align: center; margin-top: 20px}
.pro2BulLiText a:hover{ background: #a58a75; color: #fff; border: 1px solid #a58a75}
.pro2B_btn a{ display: block; border: 1px solid #ddd; font-size: 12px; color: #777; line-height: 28px; width: 100px; text-align: center; margin: auto; margin-top: 20px;}
.pro2B_btn a:hover{ background: #a58a75; color: #fff; border: 1px solid #a58a75}

/****B端产品中心banner****/
.pro2B_banner{ margin-top:50px;}
.pro2B_banner a{ display:block; height:690px; background:url(img/xb_banner.jpg) no-repeat center top;display:block; background-size:1920px;}